<!DOCTYPE>
<html>
  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width" />
    <title>Oni -  Nuevo Evento </title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" />
    <link rel="stylesheet" type="text/css" href="css/home/home.css" />
    <link rel="stylesheet" type="text/css" href="css/home/nuevo.css" />

    <script src="js/modernizr.js"></script>
  </head>
  <body>
  <header></header>
  <div id="main_wrapper">


    <div id="header">
      <div id="nav_mis_container">
        <a id="nav_ev_act" href="">Evento <span class="blue_font_menu">Actual</span></a>
        <a id="nav_ev_pas" href="">Eventos <span class="blue_font_menu">Pasados</span></a>
      </div>
      <nav>
        <a id="nav_nuevo" href="">Nuevo <span class="blue_font_menu">Evento</span></a>
        <a id="nav_mis_ev" href="">Mis <span class="blue_font_menu">Eventos</span></a>

        <a href="" id="logo"></a>
        <a id="nav_amigos" href="">Eventos de <span class="blue_font_menu">Mis Amigos</span></a>
        <a id="nav_acerca" href="">¿Qué es <span class="blue_font_menu">NutriONI?</span></a>
      </nav>

    </div>

    <div id="ballons_float_left"></div>
    <div id="flag_overlay"></div>

    <div id="main_content">

      <div id="panel_add">
        <form action=""  id="send_inv">
          <div id="title_label">Título de la Celebración</div>
          <input type="text" id="title_input_form" class="input_form" name="title">
          <br />
          <label for="goal_drop">Meta de ayuda</label>
          <select name="goal_drop" id="goal_drop" class="select_input_form">
            <option value="1500">$1,500</option>
            <option value="1000">$1,000</option>
            <option value="500">$500</option>
            <option value="100">$100</option>
          </select>
          <div class="total_container">
            <div class="quantity_cont" id="q_goal">
              <a class="red_container" id="money">$1500</a>
              <p>Meta</p>
              <div class="equal_sign" id="first_sign"></div>
            </div>
            <div class="quantity_cont" id="q_nut">
              <a class="red_container" id="quantity">504</a>
              <a class="nutrioni_logo"></a>

              <div class="equal_sign"></div>
            </div>
            <div class="quantity_cont" id="q_kids">
              <a class="red_container" id="kids">6</a>
              <p>Niños alimentados por UN MES</p>
            </div>

          </div>
          <label for="date_day">Fecha del evento</label>
          <select name="date_day" id="date_day" class="date_display">
            <option value="01">01</option>
            <option value="02">02</option>
            <option value="03">03</option>
            <option value="04">04</option>
          </select>
          <select name="date_day" id="date_month" class="date_display">
            <option value="01">Enero</option>
            <option value="02">Febrero</option>
            <option value="03">Marzo</option>
            <option value="04">Abril</option>
          </select>
          <select name="date_day" id="date_year" class="date_display">
            <option value="2012">2012</option>
            <option value="2013">2013</option>
            <option value="2014">2014</option>
            <option value="2015">2015</option>
          </select>
          <br/>
          <br/>

          <label id="label_msj" for="msj_input">Mensaje de invitación para tus amigos:</label>
          <textarea name="msj_input" id="msj_input" rows="4" cols="20">
          </textarea>
        </form>
        <div id="right_side_pan">
          <div class="friend_lists"></div>
          <div id="friends_panel">
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon01.jpg" /></a> <a class="delete_fb_friend"></a></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a> <a class="delete_fb_friend"></a></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon01.jpg" /></a> <a class="delete_fb_friend"></a></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon01.jpg" /></a> <a class="delete_fb_friend"></a></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon01.jpg" /></a> <a class="delete_fb_friend"></a></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon02.jpg" /></a> <a class="delete_fb_friend"></a></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon02.jpg" /></a> <a class="delete_fb_friend"></a></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon02.jpg" /></a> <a class="delete_fb_friend"></a></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a> <a class="delete_fb_friend"></a></div>
            <div class="fb_friend_display"><a href=""><img src="img/nuevo_evento/fb_user_icon03.jpg" /></a> <a class="delete_fb_friend"></a></div>
          </div>
          <div id="add_btn_friend"></div>
        </div>
        

      </div><!--end #panel_add  !-->
      <div id="ballons_float_right"></div>
      <div id="close_form">
        <div id="display_img"></div>
        <a href="javascript:;" id="send_invite_btn"></a>
        <div id="close_banner">Todos podemos cambiar el mundo.</div>
      </div>


    </div><!-- END #main_content  -->


  </div> <!-- END #main_wrapper  -->

  <div id="lightbox_wrap" href="javascript:;" style="display: none">
    <div id="lightbox_container">


      <a href="javascript:;" id="btn_add_lightbox"></a>
      <a href="javascript:;" id="btn_close_lightbox"></a>
    </div>

  </div>

  <footer></footer>
  <script src="js/jquery-1.7.2.min.js"></script>
  <script src="js/jquery.fancybox.js"></script>
  <script src="js/home/home.js"></script>
  <script src="js/home/nuevo_evento.js"></script>
</body>
</html>
